<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>第三联</title>
</head>
<body>
<div id="contentIdThreeBom" style="width: 900px;height:660px;margin: 5px auto" >
	<table id="threeBom_table"></table>
	<textarea id="threeBom_table_vnote" style="width: 100%;height:80px; resize:none;" readonly>
	</textarea>
</div>

<script th:inline="none" type="text/javascript">
	var twoBomTableThreeIndex=1;//没有此变量会死循环(不是循环访问加载后台数据);
	$(function () {
		var codeValue=threeBOMSearchInputCode.textbox("getText");
		var pkOrgValue=threeBOMSearchInputPkOrg.combobox('getValue');
		var threeBomTable=$("#threeBom_table").datagrid({
			//fitColumns:true,
			nowrap:false,
			url:'/reportForms/selectThreeForm?pkOrg='+pkOrgValue+'&code='+codeValue,onLoadSuccess:function(data) { //放到此事件中解决第一次不显示表头内容，但会死循环
				if (twoBomTableThreeIndex == 1) {
					console.log(data);
					twoBomTableThreeIndex++;
					var currentdate = getCurrentDate();
					var proCode = data.rows[0].proCode;
					var proName = data.rows[0].proName;
					var isProduce = data.rows[0].isProduce;
					var proExecuteNo = data.rows[0].proExecuteNo;
					var version = data.rows[0].version;
					var formulaNo = data.rows[0].formulaNo;
					var vdef8 = data.rows[0].vdef8;
					var vnote = data.rows[0].vnote;
					$("#threeBom_table_vnote").val(vnote);
					if(!vdef8){
						vdef8="";
					}

					threeBomTable.datagrid({
						columns: [
							[
								{
									field: 'aa',
									title: 'Opal Cosmetics (Huizhou) Limited',
									colspan: 8,
									align: 'center'
								},
							],

							[
								{field: 'proCode1', title: '物料编码:',  align: 'center'},
								{field: 'proCode1', title: proCode, align: 'left', colspan: 4},
								{field: 'd', title: '打印日期：', align: 'center'},
								{field: 'e', title: currentdate, align: 'center', colspan: 2},
							],
							[
								{field: 'f', title: '物料名称:', align: 'center'},
								{field: 'g', title: proName, align: 'left', colspan: 7},
							],
							[
								{field: 'h', title: '是否可生产:', align: 'center'},
								{field: 'i', title: isProduce, align: 'center'},
								{field: 'j', title: '工艺版本号:'+version,colspan: 4, align: 'left'},
								{field: 'l', title: '配方号:', align: 'center'},
								{field: 'm', title: formulaNo, align: 'center'},
							],
							[
								{field: 'rowno1', title: '执行标准：',align: 'center'},
								{field: 'bb', title: proExecuteNo,colspan: 3, align: 'left'},
								{field: 'rowno2', title: '执行标准类型：'+vdef8,colspan: 4, align: 'left'}
							],
							[
								{field: 'vdef12', title: '检验项目类型', align: 'center', width: 88},
								{field: 'vdef13', title: '检验项目描述', align: 'center', width: 100},
								{field: 'vdef14', title: '检验方法', align: 'center', width: 200},
								{field: 'vdef15', title: '指标(内控)', align: 'center', width:110},
								{field: 'vdef15_2', title: '指标(外控)', align: 'center', width: 100},
								{field: 'vdef16', title: '检测周期', align: 'center', width: 100},
								{field: 'dddividend', title: '检测结果', align: 'center', width: 100},
								{field: 'ccvnote', title: 'By', align: 'center', width: 100,}
							],
						],toolbar: [{
                            iconCls: 'icon-print',
                            handler: function(){
                                //printBom('contentIdThreeBom');
                                $("#contentIdThreeBom").print({
                                    globalStyles:true,//是否包含父文档的样式，默认为true
                                    mediaPrint:false,//是否包含media='print'的链接标签。会被globalStyles选项覆盖，默认为false
                                    stylesheet:null,//外部样式表的URL地址，默认为null
                                    noPrintSelector:".no-print",//不想打印的元素的jQuery选择器，默认为".no-print"
                                    iframe:true,//是否使用一个iframe来替代打印表单的弹出窗口，true为在本页面进行打印，false就是说新开一个页面打印，默认为true
                                    append:null,//将内容添加到打印内容的后面
                                    prepend:null,//将内容添加到打印内容的前面，可以用来作为要打印内容
                                    deferred:
                                        $.Deferred()//回调函数
                                });
                            }

                        }]
					})
				}
			}
		});
	});

</script>
</body>
</html>